page {
  height: 100%;
  min-height: 100%;
  background: #f6f6f6;
}
// 订单列表
.recordOrder {
  margin-bottom: 20rpx;
  padding: 30rpx;
  background: #fff;
  .delivery-goods-detail {
    padding: 0 0 30rpx;
    .delivery-goods-img {
      width: 140rpx;
      height: 140rpx;
      display: inline-block;
      vertical-align: top;
      margin-right: 30rpx;
    }
    .delivery-goods-info {
      display: inline-block;
      width: 355rpx;
      font-size: 32rpx;
      .delivery-goods-name {
        font-weight: bold;
        margin-bottom: 10rpx;
        color: #333333;
      }
      .delivery-goods-model {
        font-family: PingFangSC-Regular;
        margin-bottom: 10rpx;
        font-size: 28rpx;
        color: #666666;
      }
      .delivery-goods-amount {
        font-family: PingFangSC-Regular;
        color: #333333;
        text {
          font-family: PingFangSC-Regular;
          line-height: 38rpx;
          font-size: 28rpx;
          color: #666666;
        }
      }
    }
    .refund-status {
      // display: inline-block;
      font-family: PingFangSC-Medium;
      font-size: 28rpx;
      color: #ff2424;
      vertical-align: top;
      float: right;
    }
    .refund-status-over {
      color: #999999;
    }
  }
  // .hr {
  //   width: 100%;
  //   height: 1rpx;
  //   background: #ededed;
  //   box-shadow: 0 2px 6px 0 #EBF0FF;
  // }
  .delivery-detail {
    font-family: SourceHanSansCN-Regular;
    font-size: 26rpx;
    padding: 45rpx 0;
    position: relative;
    .goods-type {
      position: absolute;
      left: -30rpx;
      top: 30rpx;
      padding: 0 40rpx 0 23rpx;
      text-align: center;
      height: 48rpx;
      line-height: 48rpx;
      // width: 154rpx;
      background: #ffdeb8;
      font-size: 26rpx;
      color: #fa5523;
      border: 1rpx solid #ff935c;
      border-right: none;
    }
    .none {
      position: absolute;
      left: 116rpx;
      top: 38rpx;
      width: 33rpx;
      transform: rotate(45deg);
      height: 33rpx;
      border: 1rpx solid #ff935c;
      background: #fff;
      border-right: none;
      border-top: none;
    }

    .look-logistics {
      position: absolute;
      border: 1rpx solid #999;
      border-radius: 8rpx;
      height: 60rpx;
      line-height: 58rpx;
      font-size: 28rpx;
      color: #666666;
      right: 0;
      bottom: 0;
      &:after {
        border: none;
      }
    }
    // .look-logistics:after {
    //   border: none;
    // }
  }
}
.load-tips {
  font-size: 28rpx;
  color: #666;
  text-align: center;
}

// 缺省页
.no-order {
  .no-delivery-pic {
    width: 370rpx;
    height: 285rpx;
    margin: 30% auto 38rpx;
    image {
      width: 100%;
      height: 100%;
    }
  }
  .no-delivery-text {
    font-family: PingFangSC-Regular;
    font-size: 30rpx;
    color: #999999;
    text-align: center;
    line-height: 45rpx;
  }
}

// 物流弹窗
.share-popup {
  .custom-popup-class {
    .custom-ani-class {
      width: 90%;
      max-width: 90%;
    }
    .wux-popup__content {
      border-radius: 0rpx;
      background-color: transparent;
    }
  }
  .wux-popup-position.wux-popup-position--center .wux-popup__hd {
    padding: 0;
  }
  .wux-popup-position.wux-popup-position--center .wux-popup__bd {
    padding: 0;
  }

  // 物流信息弹窗
.logistics-goods-info {
  color: #fff;
  padding: 30rpx;
  background-image: linear-gradient(-90deg, #ff436d 0%, #ff2931 100%);
  font-family: SourceHanSansCN-Regular;
  .l-g-i-title {
    font-size: 34rpx;
    color: #ffffff;
    text-align: center;
    margin: 0 0 30rpx;
  }
  .logistics-goods-img-box {
    width: 22%;
    margin-right: 10rpx;
    vertical-align: top;
    display: inline-block;
    .logistics-goods-img {
      width: 140rpx;
      height: 110rpx;
    }
  }
  .logistics-goods-detail {
    display: inline-block;
    text-align: left;
    font-size: 26rpx;
    width: 75%;
    // max-width: 380rpx;
    .logistics-goods-name {
      font-size: 28rpx;
    }
  }
}
// .logistics-address-info {
//   background: #fff;
//   text-align: left;
//   height: 674rpx;
//   overflow-y: scroll;
//   padding: 30rpx;
//   border-bottom-left-radius: 6rpx;
//   border-bottom-right-radius: 6rpx;
//   .logis-detail {
//     margin-bottom: 20rpx;
//     .logis-status {
//       display: inline-block;
//       margin-right: 10rpx;
//       vertical-align: middle;
//     }
//     .logistics-goods-detail {
//       display: inline-block;
//       text-align: left;
//       font-size: 26rpx;
//       max-width: 350rpx;
//       .logistics-goods-name {
//         font-size: 28rpx;
//       }
//     }
//   }
  .logistics-address-info {
    background: #fff;
    text-align: left;
    height: 654rpx;
    overflow-y: scroll;
    padding: 30rpx;
    border-bottom-left-radius: 6rpx;
    border-bottom-right-radius: 6rpx;
    .logis-detail {
      margin-bottom: 20rpx;
      .logis-status {
        display: inline-block;
        width: 38rpx;
        margin-right: 10rpx;
        vertical-align: top;
        text-align: center;
        .logis-status-over {
          background: #dfdfdf;
          width: 20rpx;
          height: 20rpx;
          border-radius: 50%;
          overflow: hidden;
          margin: 10rpx auto 5rpx;
        }
        .logis-status-last {
          width: 38rpx;
          height: 38rpx;
          border-radius: 50%;
          overflow: hidden;
          margin: 0 auto 5rpx;
          opacity: 0.31;
          background-image: linear-gradient(-180deg, #ff9291 0%, #ff5656 97%);
          .logis-status-last-content {
            background-image: linear-gradient(-180deg, red 0%, red 100%);
            width: 22rpx;
            height: 22rpx;
            border-radius: 50%;
            overflow: hidden;
            margin: 8rpx auto;
            opacity: 1;
          }
        }
        .logis-progress-bar {
          width: 1rpx;
          margin: 0 auto;
          border-right: 1rpx solid #dfdfdf;
          height: 105rpx;
        }
      }
      .logis-address-detail {
        width: 90%;
        display: inline-block;
        font-family: PingFangSC-Regular;
        .logis-address-remark {
          font-size: 30rpx;
          color: #666666;
          text-align: justify;
          line-height: 44rpx;
        }
        .logis-time {
          margin-top: 10rpx;
          font-family: PingFangSC-Regular;
          font-size: 26rpx;
          color: #999999;
          text-align: justify;
        }
      }
    }
  }
  .logistics-address-info::-webkit-scrollbar {
    display: none;
  }

  .close-btn-box {
    width: 100%;
    & .iconfont {
      font-size: 48rpx;
      font-weight: bold;
      color: #fff;
      border: 2rpx solid #fff;
      border-radius: 50%;
      padding: 5rpx;
    }
  }
}